@media (max-width: 1300px){
    .introduce{
        padding: 40px !important;
       .box{
           width: 30% !important;
       }
    }
    .login{
        .item{
            padding: 20px !important;
            margin-top: 0px!important;
            margin-top: 20px!important;
            h4{
                font-size: 14px!important;
            }
            h4::after{
                bottom: -50%!important;
            }
            p{
                font-size: 14px!important;
            }
        }
    }
}
@media (max-width: 996px){
    .banner{
        .bn-bottom{
            margin-top: 10px!important;
        }
    }
    .introduce{
        padding:25px !important;
        .box{
            margin-top: 20px!important;
            width: 100% !important;
            
            h4{
                line-height: 35px!important;
                font-size: 14px!important;
            }
            p{
                line-height: 35px!important;
                font-size: 14px!important;
            }
        }
    }
    .login{
        .item{
            div{
                margin-top: 10px!important;
                input{
                    height: 40px!important;
                    border-radius: 8px!important;
                }

            }
            button{
                height: 40px!important;
                font-size: 16px!important;
            }
            a{
                font-size: 12px!important;
            }
        }
    }
}